<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/rester.css">
    <link rel="stylesheet" href="css/3.css">
</head>
<body>
    <body style="font-size: 12px;">
		<!--头部搜索开始-->
		<div id="header">
			<header class="head-top">
				<div class="go-back">
					<a href="http://127.0.0.1:5500/2.html">
						<i class="goback-icon"></i>
					</a>
				</div>
				<div class="title">
					<h3>全部订单</h3>
				</div>
				<div class="register">
					<a href="#">手机查单</a>
				</div>
			</header>
		</div>

		<!--内容区域开始-->
		<div id="wrapper">
			<div id="scroller">
				<!-- 订单开始 -->
				<section class="order">
					<ul class="order-list">
						<li class="order-item clearfix">
							<div class="order-des">
								<i class="order-icon"></i>
								<div class="order-tit">
									<h3>三亚5日4晚半自助游</h3>
									<span>12-23至12-27</span>
								</div>
								<div class="order-key">
									<span class="order-price">
							¥6512
							</span>
									<em class="order-status">
								未提交
							</em>
								</div>
							</div>
							<div class="order-btn">
								<a href="#">取消</a>
								<a href="#">查看行程</a>
								<a href="#">继续预订</a>
							</div>
						</li>
					</ul>

					<!-- 提示信息 -->
					<section class="order-tip">
						<span>
					已显示全部订单
				</span>
						<a href="#" class="order-look">查看一年前订单 &gt; </a>
					</section>

				</section>

			</div>
		</div>
		<!--底部开始-->
		<div id="footer">
			<a href="#" class="ord-sel active ">
				<i class="active2"></i> 筛选
			</a>
			<a href="#" class="ord-pre">
				<i></i> 预定时间
			</a>
			<a href="#" class="ord-eff">
				有效订单
				<i></i>
			</a>
		</div>

	


<script src="lib/flexible.js"></script>
<script src="lib/iscroll.js"></script>
<script src="lib/zepto.js"></script>
<script src="js/order.js"></script></body>
</body>
</html>